<template>
    <div class="edu-page-warp">
        <div class="edu-page-title">{{$t('message.filterCondition')}}</div>
        <el-card shadow="never" body-style="padding: 24px;">
            <el-form :model="queryForm" inline label-width="95px">
                <el-row>
                    <el-col :span="6">
                        <el-form-item label="申请人角色">
                            <el-input placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="学院">
                            <el-input placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="专业">
                            <el-input placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="审批状态">
                            <el-input placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="6">
                        <el-form-item label="起始时间">
                            <el-input placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="终止时间">
                            <el-input placeholder=""></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <div class="empty-box"></div>
                    </el-col>
                    <el-col :span="6">
                        <div class="float-right">
                            <el-button @click="reset">{{$t('message.reset')}}</el-button>
                            <el-button type="primary" @click="onSubmit">{{$t('message.filter')}}</el-button>
                        </div>
                    </el-col>
                </el-row>
            </el-form>
        </el-card>
        <div class="edu-page-title mg-top">{{$t('message.filterCondition')}}</div>
        <el-card shadow="never" body-style="padding: 24px;">
            <el-row class="border-bottom" style="height:56px;">
              <el-col :span="4">
                  <el-input placeholder="学号或姓名搜索" prefix-icon="el-icon-search"></el-input>
              </el-col>
              <el-col :span="20">
                  <div class="float-right">
                      <el-button>{{$t('message.export')}}</el-button>
                  </div>
              </el-col>
            </el-row>
            <el-row>
                <el-col>
                    <el-table :data="approveList" width="100%">
                        <el-table-column type="index" label="序号"></el-table-column>
                        <el-table-column label="xx"></el-table-column>
                        <el-table-column label="xx"></el-table-column>
                        <el-table-column label="xx"></el-table-column>
                    </el-table>
                </el-col>
            </el-row> 
        </el-card>
    </div>
</template>
<script>
export default {
  name: "ApproveList",
  data() {
    return {
      queryForm: {},
      approveList: []
    };
  },
  methods: {
    export() {},
    reset() {},
    onSubmit() {},
  }
};
</script>

<style lang="scss" scoped>
</style>
